<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米闪购 - 小米商城</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/xiaomi.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_867746_w0h1umpzjai.css">
</head>
<body>
    <div class="topbar">
        <div class="container"> 
            <div class="topbar-nav">
                    <a href="">小米商城</a><span>|</span>
                    <a href="">MIUI</a><span>|</span>
                    <a href="">IoT</a><span>|</span>
                    <a href="">云服务</a><span>|</span>
                    <a href="">金融</a><span>|</span>
                    <a href="">有品</a><span>|</span>
                    <a href="">小爱开放平台</a><span>|</span>
                    <a href="">企业团购</a><span>|</span>
                    <a href="">资质证照</a><span>|</span>
                    <a href="">协议规则</a><span>|</span>
                    <a href="">下载app</a><span>|</span>
                    <a href="">Select Region</a><span>|</span> 
            </div>
           <div class="topbar-cart"><a href="" ><i class="iconfont">&#xe887;</i>购物车<span>（0）</span></a></div>
           <div class="topbar-info clearfix">
               <a href="">登录</a><span>|</span>
               <a href="">注册</a><span>|</span>
               <a href="" class="sep">消息通知</a>
            </div> 
        </div>
          
    </div>

    <div class="header">
        <div class="container">
            <div class="header-log">
                <a href="" class="lr">小米官网</a>
            </div>
            <div class="header-nav" ">
                <ul class="nav-list">
                    <li class="nav-category">
                        <span></span>
                    </li>
                    <li class="nav-item">
                        <a href="">小米手机</a>
                    </li>
                    <li class="nav-item">
                        <a href="">Redmi 红米</a>
                    </li>
                    <li class="nav-item">
                        <a href="">电视</a>
                    </li>
                    <li class="nav-item">
                        <a href="">笔记本</a>
                    </li>
                    <li class="nav-item">
                        <a href="">家电</a>
                    </li>
                    <li class="nav-item">
                        <a href="">路由器</a>
                    </li>
                   
                    <li class="nav-item">
                        <a href="">智能硬件</a>
                    </li>
                    <li class="nav-item">
                        <a href="">服务</a>
                    </li>
                    <li class="nav-item">
                        <a href="">社区</a>
                    </li>
                </ul>
            </div>
            <div class="header-search" class="search-form">
                <form action="" class="search-form">
                    <input type="search" name="keyword" class="search-text">
                    <input type="submit" value="&#xe63b;" class="search-btn iconfont">

                    <div class='search-hot-words'>
                          <a href="">小米9</a>
                          <a href="">小米9 SE</a>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="main">
        <div class="container">
             <div class="main-slider">
                    <div class="main-category"> 
                         <ul>
                             <li><a href="">手机 电话卡 <i class="iconfont">&#xe610;</i></a></li>
                             <li><a href="">电视 盒子 <i class="iconfont">&#xe610;</i></a></li>
                             <li><a href="">笔记本 平板 <i class="iconfont">&#xe610;</i></a></li>
                             <li><a href="">家电 插线板 <i class="iconfont">&#xe610;</i></a></li>
                             <li><a href="">出行 穿戴 <i class="iconfont">&#xe610;</i></a></li>
                             <li><a href="">智能 路由器 <i class="iconfont">&#xe610;</i></a></li>
                             <li><a href="">电源 配件 <i class="iconfont">&#xe610;</i></a></li>
                             <li><a href="">健康 儿童 <i class="iconfont">&#xe610;</i></a></li>
                             <li><a href="">耳机 音响 <i class="iconfont">&#xe610;</i></a></li>
                             <li><a href="">生活 箱包 <i class="iconfont">&#xe610;</i></a></li>
                         </ul>
                    </div>

                    <div class="main-bigpic">
                         <img src="./img/xmad_15613002137481_tCEzx.jpg" alt="">
                         <img src="./img/xmad_15623194139077_SdWoZ (1).jpg" alt="">
                         <img src="./img/xmad_15632717871994_bYqIF.jpg" alt="">
                         <img src="./img/xmad_15634309791142_AmKCW.jpg" alt="">
                         <img src="./img/xmad_15634430873285_Yigqp.jpg" alt="">
                    </div>
                       <button class="main-pre"></button>
                       <button class="main-next"></button>
                    <div class="main-icons">
                        <span class="main-active"></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
              
             </div>
             <div class="main-sub">
                  <div class="main-sub-left">
                  <ul>
                      <li><a href=""><i class="iconfont">&#xe603;</i><br>选购手机</a></li>
                      <li><a href=""><i class="iconfont">&#xe612;</i><br>企业团购</a></li>

                      <li><a href=""><i class="iconfont">&#xe609;</i><br>F码通道</a></li>

                      <li><a href=""><i class="iconfont">&#xe601;</i><br>米粉卡</a></li>

                      <li><a href=""><i class="iconfont">&#xe603;</i><br>以旧换新</a></li>

                      <li><a href=""><i class="iconfont">&#xe608;</i><br>话费充值</a></li>

                    
                  </ul>
                  </div>
                  <div class="main-sub-right">

                  </div>
                  <div class="main-sub-right">
                      <ul>
                          <li></li>
                          <li></li>
                          <li></li>
                      </ul>
                  </div>
             </div>

             <div class="main-beat">
               <a href="">
                   <img src="https://i1.mifile.cn/a4/xmad_15625126063988_sCIBm.jpg" alt="">
               </a>
             </div>
        </div>
    </div>

    <div class="content">
        <div class="container">
           <div class="content-phone">
               <div class="content-phone-top">
                   <h2>手机</h2>
                   <div class="content-phone-tright"><a href="">查看全部<i class="iconfont">&#xe610;</i></a></div>
               </div>
           </div>

           <div class="phones">
               <div class="phones-left">
                   <a href="">
                       <img src="https://i1.mifile.cn/a4/xmad_15632723287643_WkFwH.jpg" alt="">
                   </a>
               </div>
               <div class="phones-right">
               
                   <ul>
                       <li>
                           <div class="phones-photo"><a href=""><img src="https://i1.mifile.cn/a1/pms_1550642182.7527088!220x220.jpg" alt=""></a></div>
                            <p class="title"><a href="">小米9 6GB+128GB</a> </p>
                            <p class="desc">骁龙855，索尼4800万超广角微距三摄</p>
                            <p class="price">
                                <span class="num">2799</span>元
                                <del> <span class="num">2999</span>元</del>
                            </p>
                        </li>
                        <li>
                                <div class="phones-photo"><a href=""><img src="https://i1.mifile.cn/a1/pms_1540429613.4617799!220x220.jpg" alt=""></a></div>
                                 <p class="title"><a href="">小米MIX 3 6GB+128GB</a> </p>
                                 <p class="desc">磁动力滑盖全面屏 / 四曲面陶瓷机身</p>
                                 <p class="price">
                                     <span class="num">3299元</span>元
                                     <!-- <del> <span class="num">2999</span>元</del> -->
                                 </p>
                        </li>
                        <li>
                                <div class="phones-photo"><a href=""><img src="https://i1.mifile.cn/a1/pms_1552647865.67536173!220x220.jpg" alt=""></a></div>
                                 <p class="title"><a href="">Redmi Note 7 Pro</a> </p>
                                 <p class="desc">6GB+128GB大存储，索尼4800万拍照</p>
                                 <p class="price">
                                     <span class="num">1599</span>元
                                     <!-- <del> <span class="num">2999</span>元</del> -->
                                 </p>
                        </li>
                        <li>
                                <div class="phones-photo"><a href=""><img src="https://i1.mifile.cn/a1/pms_1554694214.08887531!220x220.png" alt=""></a></div>
                                 <p class="title"><a href="">小米Play 4GB+64GB</a> </p>
                                 <p class="desc">八核高性能处理器，后置1200万 AI 双摄</p>
                                 <p class="price">
                                     <span class="num">749</span>元
                                     <del> <span class="num">999</span>元</del>
                                 </p>
                        </li>
                        <li>
                                <div class="phones-photo"><a href=""><img src="https://i1.mifile.cn/a1/pms_1538019009.57772743!220x220.png" alt=""></a></div>
                                 <p class="title"><a href="">小米8 屏幕指纹版 6GB+128GB</a> </p>
                                 <p class="desc">全球首款压感屏幕指纹 骁龙845处理器</p>
                                 <p class="price">
                                     <span class="num">1799</span>元
                                     <del> <span class="num">2999</span>元</del>
                                 </p>
                        </li>
                        <li>
                                <div class="phones-photo"><a href=""><img src="https://i1.mifile.cn/a1/pms_1537324004.08544830!220x220.jpg" alt=""></a></div>
                                 <p class="title"><a href="">小米8青春版6GB+64GB</a> </p>
                                 <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                                 <p class="price">
                                     <span class="num">1499</span>元
                                     <del> <span class="num">1699</span>元</del>
                                 </p>
                        </li>
                        <li>
                                <div class="phones-photo"><a href=""><img src="https://i1.mifile.cn/a1/pms_1547020972.223707!220x220.jpg" alt=""></a></div>
                                 <p class="title"><a href="">Redmi Note 7 6GB+64G</a> </p>
                                 <p class="desc">4800万拍照，4000mAh大电量</p>
                                 <p class="price">
                                     <span class="num">1199</span>元
                                     <del> <span class="num">1399</span>元</del>
                                 </p>
                        </li>
                        <li>
                                <div class="phones-photo"><a href=""><img src="https://i1.mifile.cn/a1/pms_1558857780.47412427!220x220.jpg" alt=""></a></div>
                                 <p class="title"><a href="">Redmi K20 Pro 6GB+128GB</a> </p>
                                 <p class="desc">骁龙855旗舰处理器，索尼4800万超</p>
                                 <p class="price">
                                     <span class="num">2599</span>元
                                     <!-- <del> <span class="num">2999</span>元</del> -->
                                 </p>
                        </li>
                     
                   </ul>
               </div>
           </div>
           <div class="adver-one">
                <a href="">
                    <img src="https://i1.mifile.cn/a4/xmad_15637880851907_oqeAX.jpg" alt="">
                </a>
           </div>
            
        </div>
    </div>


    <div class="star">
            <div class="container">
                    <div class="star-title">
                            <p> 小米明星单品 <span>根据机型选择配件</span></p>
                    </div>
                    <div class="star-content">
                        <ul>
                            <li><a href=""> <img src="./img/T1PxJvBCAT1RXrhCrK!220x220.jpg" alt=""></a>
                              <h3>小米智能插座</h3>
                              <p>让普通家电变得智能</p>
                            </li>
                            <li><a href=""> <img src="./img/T1XYxTBsAT1RXrhCrK!220x220.jpg" alt=""></a>
                                <h3>小米空气净化器</h3>
                                <p>高性能空气净化器立即预约</p></li>
                            <li><a href=""> <img src="./img/T1y0JTBy_T1RXrhCrK!220x220.jpg" alt=""></a>
                                <h3>小米活塞耳机简装版</h3>
                                <p>好音质源自于活塞式音腔，延续经典设计</p></li>
                            <li><a href=""> <img src="./img/aa.jpg" alt=""></a>
                                <h3>小米路由器</h3>
                                <p>顶级双屏幕AC智能路由器，内置1TB大硬盘</p></li>
                        </ul>
                    </div>

             
            </div>          
        
    </div>

    <div class="new">
            <div class="container">
                <div class="new-title">
                    <span>新品上架</span>
                    <span>更多<i class="iconfont">&#xe610;</i></span>
                </div>
                <div class="new-content">
                    <div class="new-content-left">
                        <ul>
                            <li class="new-top">
                                <div class="new-one-left">
                                    <img src="./img/fanghezi0407xiao.jpg" alt="">
                                </div>
                                <div  class="new-one-right">
                                    <p>小米手环<br>79元</p>
                                    <img src="./img/T1qaVvB7CT1RXrhCrK!220x220.jpg" alt="">
                                </div>
                            </li>
                            <li class="new-middle">
                                <div class="new-two-left">
                                    <div>
                                    
                                                <p>5周年米兔钥匙扣</p>
                                                        <p>9.9元</p>         
                                        <img src="./img/T1TfAgB4KT1RXrhCrK!220x220.jpg" alt="">
                                        
                                        </div>
                                    <div>
                                            <p>QCY派Q8蓝牙耳机</p>
                                            <p>59.9元</p>         
                                        <img src="./img/T1SrKTBmWT1RXrhCrK!220x220.jpg">
                                </div>
                                </div>
                                <div class="new-two-center public">
                                    <p>小T恤路标LOGO</p>
                                    <p>39元</p>
                                    <img src="./img/T1crEgBCYT1RXrhCrK!220x220.jpg" alt="">
                                </div>
                                <div  class="new-two-right public">
                                        <p>小米4实木后盖</p>
                                        <p>69元</p>
                                        <img src="./img/T12qZvB7CT1RXrhCrK!220x220.jpg" alt="">
                                </div>
                                
                            </li>
                            <li class="new-bottom">
                                <div class="new-three-left public">
                                        <p>小米Note超薄保护壳</p>
                                        <p>49元</p>
                                        <img src="./img/baohuke.png" alt="">
                                </div>
                                <div class="new-three-center public">
                                        <p>小米自拍干</p>
                                        <p>49元</p>
                                        <img src="./img/T1DrL_B4CT1RXrhCrK!220x220.jpg" alt="">
                                </div>
                                <div  class="new-three-right public">
                                        <p>先锋CL31系列耳式耳机</p>
                                        <p>99元</p>
                                        <img src="./img/T1GXxvBsET1RXrhCrK!220x220.jpg" alt="">
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="new-content-right">
                        <ul class="cheap">
                            <li>
                                <div>
                                        <h3>SanDisk32GB存储卡</h3>
                                        <p><span>79</span>元<del>109元</del></p> 
                                        <p>还有更多特价商品</p>
                                </div>
                                <img src="./img/T1ByZTBjJT1RXrhCrK.jpg" alt="">
                                 
                            </li>
                            <li>
                                    <div>
                                            <h3>特惠配件套餐</h3>
                                            <p>手机必买配件组合购买</p> 
                                            <p>实惠更优惠</p>
                                    </div>
                                    <img src="./img/channel-list-cool.jpg" alt="">
                            </li>
                            <li>
                                    <div>
                                            <h3>我爱酷玩</h3>
                                            <p>邂逅炫酷的电子产品</p> 
                                            <p>结交趣味相投的朋友</p>
                                    </div>
                                    <img src="./img/channel-list-new.jpg" alt="">
                            </li>
                        </ul>
                        <ul class="tips">
                            <li>
                                <a href="">企业用户采购通道 <i class="iconfont"i>&#xe610;</a></li>
                            
                            <li>
                                <a href="">小米手机防伪查询 <i class="iconfont"i>&#xe610;</a></li>
                          
                            <li>
                                <a href="">小米手机官宣版 <i class="iconfont"i>&#xe610;</a></li>
                        
                            <li>
                                <a href="">米粉红包 <i class="iconfont"i>&#xe610;</a></li>
                         
                            <li>
                                <a href="">企业用户采购通道 <i class="iconfont"i>&#xe610;</a></li>
                           

                           
   
                           
                            
                        </ul>
                        <ul class="huafei">
                             <p>话费充值</p>
                            <input type="text" placeholder="请输入手机号">
                            <input type="text" placeholder="100元">
                            <select name="" id="" value=''>
                                    <option value="" selected></option>
                                <option value="">1</option>
                            </select>
                            <p>实付价格</p>
                            <button>立即充值</button>
                        </ul>
                    </div>
                  </div>
            </div>
    </div>

    <div class="foot"> 
              <div class="container">
                <div class="icons">
                <ul>
                    <li>
                        <i class="iconfont">&#xe606;</i>
                        <p>1小时快修服务</p>
                    </li>
                    <li>
                            <i class="iconfont">&#xe670;</i>
                            <p>七天无理由退货</p>
                    </li>
                    <li>
                            <i class="iconfont">&#xe605;</i>
                            <p>十五天免费换货</p>
                    </li>
                    <li>
                            <i class="iconfont">&#xe612;</i>
                            <p>满十五元包邮</p>
                    </li>
                    <li>
                            <i class="iconfont">&#xe604;;</i>
                            <p>520余家售后点</p>
                    </li>
                </ul>
                </div>
                <div class="intro">
                   <div class="intro-left">
                     <ul>
                         <li>
                             <h3>帮助中心</h3>
                             <p>购物指南</p>
                             <p>支付方式</p>
                             <p>配送方式</p>
                         </li>
                         <li>
                                <h3>服务支持</h3>
                                <p>售后政策</p>
                                <p>自助服务</p>
                                <p>相关下载</p>
                         </li>
                         <li>
                                <h3>小米之家</h3>
                                <p>小米之家</p>
                                <p>服务网店</p>
                                <p>预约亲临到店服务</p>
                         </li>
                         <li>
                                <h3>关于小米</h3>
                                <p>了解小米</p>
                                <p>加入小米</p>
                                <p>联系我们</p>
                         </li>
                         <li>
                                <h3>关注我们</h3>
                                <p>新浪微博</p>
                                <p>小米部落</p>
                                <p>官网微信</p>
                         </li>
                         <li>
                                <h3>400-100-5678</h3>
                                <p>周一至周日8:00-18:00</p>
                                <p>（仅收市话费）</p>
                                <button>24小时在线客服</button>

                         </li>
                     </ul>
                   </div>
                   <div class="intro-right">

                   </div>
                </div>
                <p class="btm-text">小米商城|MIUI|米家|米聊|多看|游戏|路由器|米粉卡|政企服务|小米天猫店|隐私政策|商城用户协议|账号协议|问题反馈|廉正举报|诚信合规|Select Region</p>
               <p class="btm-text">© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2017]1530-131号 </p>
              <div class="btn-img">
                  <img src="./img/16.png" alt="">
                  <input  class="zhongwen" type="text" placeholder="简体中文">
              <select name="" id="">
                  <option value=""></option>
              </select>
                </div>
            </div>
             
    </div>


<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>   
<script>
 var index=0;
  
  $('.main-icons>span').on('click',function(){
    index=$(this).index()
     move(index)
  })

$('.main-next').on('click',function(){
  if(index==4)
  {    return}
  move(index+1)
  index++
})
$('.main-pre').on('click',function(){
      if(index==0) { return}
      move(index-1)
      index--
    })
function move(index){
 $('.main-icons>span').eq(index).addClass('main-active').siblings().removeClass('main-active')
 $('.main-bigpic>img').eq(index).stop().animate({opacity:'1'}).siblings().animate({opacity:'0'})
}


    setInterval(function(){
    if(index==4)
  {    index=-1}
  move(index+1)
  index++
},2000)



</script>
 
</body>
</html>